<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Mine Sweep Game</title>
        <style type="text/css">     
            #OuterBox { padding: 5px;} 
            #MineArea {padding: 5px;overflow: auto;} 
            #MineArea table {border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
            #MineArea table td {text-align: center;width: 24px;height: 24px; cursor: pointer;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
            .class0 {background-color: #eee;}
            .class1 {background: url(Images/flag.gif) no-repeat center;}
            .class2 {background-color: #eee;}
            .class3 {background: url(Images/mine3.png) no-repeat center;}
            .class4 {  background: url(Images/mine2.png) no-repeat center;}
            .class5 {background-color: #fff;}
        </style>
        <script ytpe="text/javascript" src="Mine.js"></script>
        <script type="text/javascript">
            window.onload = function(){
                initMineArea(10, 10, 10);
            }
        </script>
    </head>
    <body>
        <div id="OuterBox">
            <div>
            	<table>
                <tr><td>行:</td><td><input id="m_r" type="text" size=20 width="10px" maxlength=2 value='10'/></td></tr>
                <tr><td>列:</td><td><input id="m_c" type="text" size=20 width="10px" maxlength=2 value='10'/></td></tr>
                <tr><td>雷数:</td><td><input id="m_m" type="text" size=20 width="10px" maxlength=3 value='10'/><input type="button" onclick="setMineArea()" value="start"/></td></tr>
                </table>
                &nbsp;计时:<span id="spanTime">0</span>
                <span style="margin-left:30px;padding-left:20px;background:url(Images/mine.png) no-repeat left center" id="levelMine"></span>
				<span style="margin-left:30px;" id="winFace">state: -.-</span>
            </div>
            <div id="MineArea">
            </div>
			<br/>
			<div>
			</div>
        </div>
    </body>
</html>
